$(document).ready(function(event){

    $('#imageUpdate').on('click',
        function() {
            //按钮禁用
            $('#imageNmaeList').attr("disabled","true");
            $('#imageUpdate').attr("disabled","true");

            //取变量
            var env = $("#env").val();
            var image = $('#imageNmaeList').val();
            var data = {
            // 转为字符串格式
            // data: JSON.stringify({})
            "imageName": image,
            "env": env
            };

            //ajax 提交数据
            $.ajax({
                type: "POST",
                dataType: "json",
                url: "/updateimage",//后端请求
                data: data,
                success: function(result) {
                    console.log(result);
                    alert("更新成功");
                    $('#update_res').attr("value" ,"更新成功")
                    $('#imageNmaeList').val("");
                    $('#imageNmaeList').removeAttr("disabled");
                    $('#imageUpdate').removeAttr("disabled");
                    //$('history').text(result)
                    $('#diffimagelist').text(result)
                 },
                error: function (result) {
                    console.log(result);
                    alert("更新失败");
                    //$('#update_res').value = "更新失败"
                    $('#imageNmaeList').removeAttr("disabled");
                    $('#imageUpdate').removeAttr("disabled");
                }
        })
    })

    $('#imagediff').on('click',
        function() {
            //取变量
            var env_s = $("#env_sour").val();
            var env_t = $("#env_tag").val();
            // var image = $('#imageNmaeList').val();
            var data = {
                "env_s": env_s,
                "env_t": env_t
            };
            // 清空当前内容
            $('#ths').val("");
            $('#tht').val("");
            //按钮禁用
            $('#imagediff').attr("disabled","true");

            //ajax 提交数据
            $.ajax({
                type: "POST",
                dataType: "json",
                url: "/imagediff_info",//后端请求
                data: data,
                success: function(result) {
                    $('#imagediff').removeAttr("disabled");
                    $('#diffimagelist').empty();
                    let temp = '';
                    for(var k in result.return_info) {
                         $('#ths').val(k);
                        var strArray = result.return_info[k].split(',');
                        for (var i in strArray) {
                            temp +=
                            '<tr>' +
                            //'<td>' + JSON.stringify(result.return_info) + '</td>' +
                            '<td>' + strArray[i] + '</td>' +
                            '</tr>';
                        }
                    }

                    //$('#diffimagelist').append(temp);
                 },
                error: function (result) {
                    $('#imagediff').removeAttr("disabled");
                }
        })
    })

});

